@charset "utf-8";
@import "reset";
$color:#3d3c3c;
.neirou{
                display: inline-block;
                vertical-align: top;
                width: 587px;
                height: 1045px;
                background: #ffffff;
                margin-top: 28px;
                overflow: hidden;
                h1{
                    display: inline-block;
                    font-size: 33px;
                    color: #0dafd2;
                    margin-top: 18px;
                    margin-left: 22px;
                }
                .ci{
                    float: right;
                    margin-top:30px;
                    .city{
                        size: 1;
                        border:none;
                        border: 1px solid #aaaaaa;
                        padding-left:5px;
                        height: 20px;
                        margin-right: 25px;
                    }
                }
                ul{
                    width:540px;
                    margin:0 auto;
                    border-top:1px solid #f0f0f0;
                    border-bottom:1px solid #f0f0f0;
                    li{
                        display: inline-block;
                        margin-right: 30px;
                        line-height: 30px;
                        a{
                            font-size: 12px;
                            color: #888787;
                             &:hover{
                                color: #90d1e5;
                            } 
                        }
                    }
                    .z{
                        width: 82px;
                        height: 24px;
                        line-height: 24px;
                        background: #0dafd2;
                        margin:0 0;
                        text-align: center;
                        margin-left: -15px;
                        a{
                            color: white;
                        }
                    }
                }
                .zhuti{ 
                    width: 540px;
                    margin:0 auto ;
                    border-bottom:1px solid #f0f0f0;
                    height: 145px;
                .zhuti1{
                    display: inline-block;
                    margin-top: 27px;
                    .img{
                        display: inline-block;
                        position:relative;
                        &:hover::after{
                             transform:scaleY(1);
                        }
                        &::after{
                            content:url(../img/BK-1.png)"性别:女 国籍:美籍华人 兴趣:唱k";
                            width: 200px;
                            height:100px;
                            font-size: 12px;
                            color: white;
                            background: rgba(0,0,0,7);
                            overflow: hidden;
                            display: block;
                            position: absolute;
                            border:1px solid blue;
                            border-radius:15px;
                            background-color: gray;
                            transform:scaleY(0);
                            transition-duration:300ms;
                            transform-origin: top; 
                            z-index:3;
                            opacity: 0.8;
                        }
                    }
                }
                p{
                    display: inline-block;
                    vertical-align: top;
                    font-size: 12px;
                    color: #4d4c4c;
                    margin-top: 4px;
                }
                .span{
                    display: inline-block;
                    width: 470px;
                     font-size: 12px;
                     color: #666565;
                     margin-left: -45px;
                }
                .ztleft{
                    display: inline-block;
                    margin-top: 30px;
                    span{
                        font-size: 12px;
                        color: #bebdbd;
                    }
                }
                .ztright{
                    display: inline-block;
                    float: right;
                    margin-top: 30px;
                    span{
                        margin-right: 5px;
                        a{
                            font-size: 12px;
                            color: #7d7c7c;
                            &:hover{
                                color: #90d1e5;
                            }
                        }
                    }
                }
                }
                .sel{
                    float: right;
                    margin-right: 20px;
                    margin-top: 18px;
                    select{
                        border: none;
                        color: #a9a7a7;
                        font-size: 12px;
                    }
                    a{
                        font-size: 12px;
                        color: #a9a7a7;
                    }
                }
            }